/* cb-slideshow */
.cb-slideshow, .cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 102.1%;
    top: -15px;
    left: 0px;
    z-index: -999; 
    list-style: none;
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(http://2.bp.blogspot.com/-qLYkG7WbJ5c/U2d2Jsh6SqI/AAAAAAAAB90/xYUqdG-XL5A/s1600/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: -999;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(http://3.bp.blogspot.com/-4IJ1PEcIOpI/U2pyal7Ir-I/AAAAAAAACBE/Rm2ALSXn0cU/s1600/BS-1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(http://2.bp.blogspot.com/-fjVJlsVQQpc/U2p_BcZwxKI/AAAAAAAACC8/Va867fGtrkE/s1600/BS-4.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(http://4.bp.blogspot.com/-B6XPpH9a0NM/U2pwlLtLQeI/AAAAAAAACAI/yB2erx-eh2M/s1600/BS2.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(http://1.bp.blogspot.com/-vZOaNrRQFmw/U2qH5X3ThGI/AAAAAAAACD4/Lj5MkVKBs9o/s1600/joged.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(http://3.bp.blogspot.com/-XnVKpdaZ7_U/U2p8y1E3XjI/AAAAAAAACCw/gKs2zOZEsxM/s1600/BS-6-.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(http://4.bp.blogspot.com/-lfPVv-12Cn4/U2p5onlJoCI/AAAAAAAACCY/GT67wkIcC5Y/s1600/BS--5.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{opacity: 1;}
/* Caption Style */
.grid {list-style: none;margin: 0 auto;margin-left:-55px;margin-right:-10px;margin-top:-7px;text-align: center;}
.grid li {display: inline-block;max-width: 31.5%;margin:5px;text-align: left;position: relative;}
.grid figure {margin: 0;position: relative;}
.grid figure img {max-width: 100%;display: block;position: relative;}
.grid figcaption {position: absolute;top: 0;left: 0;padding-left: 5px;background: #fff;color: #b02222;}
.grid figcaption h3 {margin-top: 2px;padding: 0;color: #222;font-size:80%;}
.grid figcaption h3:before {content: '\f02b';font-family: FontAwesome;}
.grid figcaption a {text-align: center;padding: 5px 10px;border-radius: 2px;display: inline-block;background: #b02222;color: #fff;}
.cs-style-4 li {-webkit-perspective: 130%;-moz-perspective: 130%;perspective: 130%;-webkit-perspective-origin: 0 50%;-moz-perspective-origin: 0 50%;perspective-origin: 0 50%;}
.cs-style-4 figure {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.cs-style-4 figure > div {overflow: hidden;}
.cs-style-4 figure img {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
.no-touch .cs-style-4 figure:hover img, .cs-style-4 figure.cs-hover img {-webkit-transform: translateX(25%);-moz-transform: translateX(25%);-ms-transform: translateX(25%);transform: translateX(25%);}
.cs-style-4 figcaption {
	height: 100%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-4 figure:hover figcaption, .cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.cs-style-4 figcaption a {position: absolute;bottom: 5px;right: 5px;left: 5px;}